// 公共组件  样式

// ---------------------------start----------------------自定义底部弹出选择
.obit-popup {
	padding: 20rpx;
	background: #fff;
	border-radius: 20rpx 20rpx 0 0;
	> .line-btn {
		text-align: center;
		height: 90rpx;
		line-height: 90rpx;
	}
	.iconfont {
		color: #827474;
	}
	.bottom {
		border-bottom: 1px solid #e1e1e1;
	}
	.title {
		border-bottom: none;
		text-align: center;
		position: relative;
		// height: 90rpx;
		line-height: 90rpx;
	}
	.title::after {
		position: absolute;
		content: ' ';
		width: 80rpx;
		height: 10rpx;
		background: #e1e1e1;
		border-radius: 20rpx;
		left: 50%;
		margin-left: -40rpx;
	}
	> .line-btn:last-child {
		border-bottom: none;
	}
}
// ---------------------------end----------------------自定义底部弹出选择
// obit-tabbar---------------------------start-------------------
.nav-top {
	height: calc(44px + env(safe-area-inset-top));
	width: 100%;
}
.tabs {
	// 固定在顶部 样式
	.fixedTop {
		position: fixed;
		top: 44px + env(safe-area-inset-top);
		left: 0;
		right: 0;
		background: #ffffff;
		z-index: 1;
		.uni-scroll-view-content {
			display: flex;
			.uni-tab-item {
				flex: 1;
				text-align: center;
			}
		}
		.scroll-h-bak {
			height: 100rpx;
		}
	}
	.scroll-h-bak {
		width: 100%;
		height: 100rpx;
	}
	.scroll-h {
		width: 100%;
		height: 80rpx;
		flex-direction: row;
		white-space: nowrap;
	}
	.fixedTop.scroll-h {
		height: 100rpx;
	}
}
// obit-tabbar---------------------------end-------------------

// obit-tags---------------------------start-------------------
.obit-tag {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	height: 40rpx;
	padding: 0px 16rpx;
	line-height: 40rpx;
	font-size: 24rpx;
	display: inline-block;
}
.tab-primary {
	color: #007aff;
	/* background-color: #007aff; */
	border-width: 1rpx;
	border-style: solid;
	border-color: #007aff;
}

// obit-tags---------------------------END-------------------
uni-toast {
	z-index: 1002;
}

//  obit-radio ----------------------start ---------------------
.radio-list {
	.list-item {
		height: 88rpx;
		border-radius: 16rpx;
		line-height: 88rpx;
		color: #000;
		font-family: 'PingFangSC-Regular';
		background: #f2f2f2;
		margin-bottom: 20rpx;
		border: 1px solid #f2f2f2;
		text-align: center;
		.uni-radio-input-checked {
			background-color: #fba531 !important;
			border-color: #fba531 !important;
		}
	}
	.list-item.select {
		font-family: 'PingFangSC-Semibold';
		background: #ffffff;
		border: 1px solid rgba(251, 165, 49, 1);
	}
}


.checkbox-btn {
  width: 100%;
  .list-item {
    width: 100%;
    height: 88rpx;
    border-radius: 16rpx;
    line-height: 88rpx;
    color: #000;
    font-family: 'PingFangSC-Regular';
    background: #f2f2f2;
    margin-bottom: 20rpx;
    border: 1px solid #f2f2f2;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding: 0 20rpx;
    .u-checkbox__label {
    color: #000;
		flex: 1;
    }
  }
  .list-item.select {
    font-family: 'PingFangSC-Semibold';
    background: #ffffff;
    border: 1px solid rgba(251, 165, 49, 1);
  }
}